import React, { useState, useEffect } from 'react';
import './index.css';
import {Image} from "antd";



function Domain(props) {

	const {  } = props;

	return (
		<div id='domain' className='section'>
			<div id='domain-register' className='operate-section'>
				<h3>【域名注册】 打开<a href="https://wanwang.aliyun.com/domain" target='_blank'>阿里云万网</a>(https://wanwang.aliyun.com/domain)</h3>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_5.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_6.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_8.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_9.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_10.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_11.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_12.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_13.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_14.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_15.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_16.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_17.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_18.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_19.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_20.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_register_21.png' /></div>
				<p className='mark'>域名备案过程中需要暂停解析,备案完成之后需重新启动解析</p>
			</div>
			<div id='domain-beian' className='operate-section'>
				<h3>【域名备案】 打开<a href="https://beian.aliyun.com/pcContainer/selfEntity" target='_blank'>阿里云域名备案</a>(https://beian.aliyun.com/pcContainer/selfEntity)</h3>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_5.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_6.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_8.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_9.png' /></div>
				<h3>手机收到工信部验证码后,到<a href="https://beian.miit.gov.cn/" target='_blank'>工信部官网</a>进行验证(https://beian.miit.gov.cn/)</h3>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_10.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_11.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_12.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_13.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_14.png' /></div>
				<div className='image-wrapper'><Image src='./images/domain/domain_beian_15.png' /></div>
			</div>
		</div>
	);
}

export default Domain;
